<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>猥琐笑</title>
		<style>
			.d1{
							width: 400px;
							height: 400px;
							/* 背景颜色属性 */
							background-color: #ffff00;
							border-radius: 200px;
							/* 相对定位：根据父级进行定位 */
							position: relative;
							left: 277px;
							top: 75px;
						}
			.d2{
							width: 80px;
							height: 80px;
							/* 背景颜色属性 */
							background-color: #ffaaff;
							border-radius: 50%;
							/* 相对定位：根据父级进行定位 */
							position: relative;
							left: 21px;
							top: 164px;
						}
			.d3{
										width: 80px;
										height: 80px;
										/* 背景颜色属性 */
										background-color: #ffaaff;
										border-radius: 50%;
										/* 相对定位：根据父级进行定位 */
										position: relative;
										left: 277px;
										
										top: 0px;
									}
			
																		
		       .d4{
		       													width: 132px;
		       													height: 30px;
		       													/* 背景颜色属性 */
		       													background-color: #ffffff;
		       													border-radius: 15px;
		       													/* 相对定位：根据父级进行定位 */
		       													position: relative;
		       													left: -262px;
		       													
		       													top: -71px;
																
		       												}			
				.d5{
					                                                                width: 132px;
							       													height: 30px;
							       													/* 背景颜色属性 */
							       													background-color: #ffffff;
							       													border-radius: 15px;
							       													/* 相对定位：根据父级进行定位 */
							       													position: relative;
							       													left: 204px;
							       													
							       													top: 0px;
				}																									
			.d6{
										width: 30px;
										height: 30px;
										/* 背景颜色属性 */
										background-color: #000000;
										border-radius: 50%;
										/* 相对定位：根据父级进行定位 */
										position: relative;
										left: -205px;
										
										top: 0px;
									}
									.d7{
																			width: 30px;
																			height: 30px;
																			/* 背景颜色属性 */
																			background-color: #000000;
																			border-radius: 50%;
																			/* 相对定位：根据父级进行定位 */
																			position: relative;
																			left: 205px;
																			
																			top: 0px;
																		}
			
		</style>
		
	</head>
	<body>
		<div class="d1">    
			<div class="d2">
				<div class="d3">
					<div class="d4">
						<div class="d5">
							<div class="d6">
								<div class="d7">
									<div class="d8"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>